<template>
    <div id="app">
        <TabBar v-if="$route.meta.showTabBar" />
        <transition name="fade">
            <keep-alive :include="['Home', 'Community', 'Discover', 'Profile']">
                <router-view></router-view>
            </keep-alive>
        </transition>
    </div>
</template>

<script>
import TabBar from "@/components/common/tabBar/index";
import getShellModel from "@/pages/home/components/shellMenu/getShellModel";

export default {
    components: {
        TabBar
    },
    data() {
        return {
            showHello: true
        };
    },
    created() {
        this.getShellData();
        let redirectPath = window.location.href.split("#")[1];
        redirectPath = redirectPath === "/" ? "/home/index" : redirectPath;
        this.$router.push({
            path: "/base/launch",
            query: {
                redirectPath: redirectPath
            }
        });
    },

    methods: {
        getShellData() {
            this.$store.state.shellList = getShellModel().jsonList;
        }
    }
};
</script>




<style>
#app {
    width: 100%;
}
</style>